import React from 'react';
import '../../asset/css/merchantInfo/order.css'
class Order extends React.Component{
  render(){
    console.log(this.props)
    let {order}=this.props
      return(
       <div className="order"> 
            <div className="order_top">
                <div className="order_top_left">
                    <a href="">
                      <img src={require('../../asset/img/nice_1.png')} alt=""/>
                    </a>
                </div>
                <div className="order_top_right">
                    <div className="ordre_top_title">
                      <a href="">
                        <span>南京大排档(应天大街店)</span>
                      </a>
                      <p>正在派送中</p>
                    </div>
                    <p className="order_time">15分钟后送达</p>
                    <div className="order_food">
                      <div >
                        <span>{order.arr.length>1?order.arr[0]+'等':order.arr[0]}</span>
                        <span>{order.count1}件商品</span>
                      </div>
                        <p><strong>￥{order.price}</strong></p>
                    </div>
                </div>
            </div>   
            <div className="order_bottom">
                <button>去支付</button>
            </div>   
       </div>
      )
  }
}

export default Order;